<template lang="html">
  <div class="myIntroduce" id="">
    <h2 v-title="'我的推荐'"></h2>
    <div class="inviteDiv">
      <div class="">
        <router-link :to="{ name: 'introduceList', params: { houseType: 1}}">
          <em>{{longRentInviteNum}}</em>
          <p>邀请入住长租(个)</p>
        </router-link>
      </div>
      <div class="">
        <router-link :to="{ name: 'introduceList', params: { houseType: 2}}">
          <em>{{shortRentInviteNum}}</em>
          <p>邀请下单短租(个)</p>
        </router-link>
      </div>
    </div>
    <div class="mb10 liveDiv">
      <img src="@/assets/images/longlive@2x.png" alt="">
      <div class="">
        <span>邀请好友入住随寓长租</span>
        <p>好友入住随寓可获得现金奖励</p>
      </div>
    </div>
    <div class="liveDiv">
      <img src="@/assets/images/shortlive@2x.png" alt="">
      <div class="">
        <span>邀请好友入住随寓短租</span>
        <p>好友下单可获得现金奖励</p>
      </div>
    </div>
  </div>
</template>

<script src="./myIntroduce.js"></script>

<style lang="scss" scoped src="./myIntroduce.scss"></style>
